<!DOCTYPE html>
<html>
<head>
        <title>主题主题</title>   
       
    <script src="test/angular.js"></script>
    <script src="test/jquery-1.10.2.js"></script>
    <script>
        function TestCtrl($scope) {
            $scope.page = 1;
            $scope.getData = function () {
                console.log($scope.page);
            }
            $scope.GoPage = function (target) {
                $scope.page = target.getAttribute('data');
                this.getData();
            }
        }
    </script>
</head>
<body ng-app>
<div ng-controller="TestCtrl">
        <a href="javascript:;" data="1" ng-click="GoPage($event.target)">1</a>
        <a href="javascript:;" data="2" ng-click="GoPage($event.target)">2</a>
        <a href="javascript:;" data="3" ng-click="GoPage($event.target)">3</a>
        <a href="javascript:;" data="4" ng-click="GoPage($event.target)">4</a>
        <a href="javascript:;" data="5" ng-click="GoPage($event.target)">5</a>
        {{ page }}
</div>
</body>
</html>